<template>
	<div class="pop-title">
		<div class="intro">{{ props.title }}</div>
		<div class="cursor-pointer">
			<img src="@img/main/close.png" alt="" @click="dealClose" />
		</div>
	</div>
</template>

<script setup lang="ts">
// 获取父亲组件传递过来的数据
const props = defineProps<{
	title: string;
}>();
const emit = defineEmits(["close"]);
const dealClose = () => {
	emit("close");
};
</script>

<style lang="scss" scoped>
.pop-title {
	@apply flex items-center justify-between px-3 text-white;
	background: linear-gradient(180deg, #2a85e799 0%, #00050999 100%);
	height: 2.5rem;
	border-bottom: 1px solid #76c6ff;
	.intro {
		font-weight: 500;
	}
}
</style>
